*{
	margin: 0;
	padding:0;
}
html,body{
	/* overflow-x:hidden ; */
}
.background{
	width:100%;
	height:100%;
	background-color: #333;
	
}
/* 版心 */
.Heart{
	width:1500px;
	height:100%;
	margin: 0 auto;
	background-color: white;
}
/* 顶部 */
.swap{
	width: 100%;
	height:1000px;
	background-image: url("https://ossweb-img.qq.com/upload/webplat/info/cf/20210420/14934334929063.jpg");
	background-repeat: no-repeat;
	background-position: 50% top;
}
/* 导航选项 */
.Header{
	width:100%;
	height:75px;
}
.navList{
	color:rgba(255,255,255);
	list-style: none;
	height: 75px;
	margin-left: 500px;
}
.navList li{
	float: left;
	margin-top:20px;
	padding: 0 30px ;
	text-align: center;
	cursor: pointer;
}
/* 补丁 */
.patch1{
	width:100%;
	height:380px;
}
/* 选项卡 */
.show{
	width:1200px;
	height: 200px;
	/* background-color: saddlebrown; */
	margin: 0 auto;
}
/*按钮流动背景动画 */
@keyframes buttonShow 
{
    0%{transform: scale(1);}
    100%{ transform: scale(3);}
}
/* 字符跳动 */
@keyframes buttonBeyBeyUp 
{
    0%{}
    50%{top:-10px;}
	100%{}
}
@keyframes buttonBeyBeyDown 
{
    0%{color:white}
	50%{color:rgba(255,255,255,.1)}
	100%{color:white}
}
/* 选项按钮 */
.chooseTab{
	width:1200px;
	height:118px;
	background:url("https://game.gtimg.cn/images/cf/web201105/201809/menu-bg.jpg") no-repeat;
	background-size: cover;
}
/* 所有选项按钮a标签 */
.chooseTab a{
	padding-top: 35px;
	text-decoration: none;
	color: white;
	display: block;
	text-align: center;
	float: left;
	width:116px;
	height:122px;
}
/* 所有选项按钮a里的em标签 */
.chooseTab a em{
	font-style: normal;
	font-size:14px;
	position: relative;
	z-index: 1;
}
/* 所有选项按钮a里的span标签 */
.chooseTab a span{
	display: inline-block;
	width:24px;
	height:24px;
	background: url("https://game.gtimg.cn/images/cf/web201105/201809/sprite.png") no-repeat;
}
/* 下载按钮 */
.chooseTab a:nth-child(1){
	padding: 0;
	position: relative;
	line-height: 118px;
	width:268px;
	height:118px;
	overflow: hidden;
}
.chooseTab a:nth-child(1) em{
	font-size: 22px;
}
/* 流动背景图 */
.chooseTab a:nth-child(1) span:nth-child(1){
	width:268px;
	height:116px;
	background:url("https://game.gtimg.cn/images/cf/web201105/201809/down.jpg") no-repeat;
	background-size: cover;
	position: absolute;
	left: 2px;
	top: 2px;
	z-index:0;
	animation: 10s linear 0s normal none infinite buttonShow;
}
/* icon图标 */
.chooseTab a:nth-child(1) span:nth-child(2){
	box-sizing: border-box;
	margin-right: 5px;
	position: relative;
	z-index: 1;
	background-position: -24px -36px;
}
/* 活动中心按钮 */
.chooseTab a:nth-child(2) span{
	background-position: -48px -36px;
	position: relative;
}
.chooseTab a:nth-child(2):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(2) em{
	position: relative;
}
.chooseTab a:nth-child(2):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 直播中心按钮 */
.chooseTab a:nth-child(3) span{
	background-position: -72px -36px;
	position: relative;
}
.chooseTab a:nth-child(3):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(3) em{
	position: relative;
}
.chooseTab a:nth-child(3):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 电竞专区按钮 */
.chooseTab a:nth-child(4) span{
	background-position: -96px -36px;
	position: relative;
}
.chooseTab a:nth-child(4):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(4) em{
	position: relative;
}
.chooseTab a:nth-child(4):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 账户充值按钮 */
.chooseTab a:nth-child(5) span{
	background-position: -120px -36px;
	position: relative;
}
.chooseTab a:nth-child(5):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(5) em{
	position: relative;
}
.chooseTab a:nth-child(5):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 掌火专属按钮 */
.chooseTab a:nth-child(6) span{
	background-position: -144px -36px;
	position: relative;
}
.chooseTab a:nth-child(6):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(6) em{
	position: relative;
}
.chooseTab a:nth-child(6):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 攻略中心按钮 */
.chooseTab a:nth-child(7) span{
	background-position: -168px -36px;
	position: relative;
}
.chooseTab a:nth-child(7):hover span{
	animation: 0.8S linear 0s normal none infinite buttonBeyBeyUp;
}
.chooseTab a:nth-child(7) em{
	position: relative;
}
.chooseTab a:nth-child(7):hover em{
	animation: 1S linear 0s normal none infinite buttonBeyBeyDown;
}
/* 一战封神按钮 */
.chooseTab a:nth-child(8){
	margin-left: 5px;
	padding: 0;
	position: relative;
	line-height: 118px;
	width:230px;
	height:118px;
	background-color: red;
	overflow: hidden;
}
.chooseTab a:nth-child(8) em{
	font-size: 22px;
}
/* 流动背景图 */
.chooseTab a:nth-child(8) span{
	width:230px;
	height:116px;
	background:url("https://game.gtimg.cn/images/cf/web201105/201809/version.jpg") no-repeat;
	background-size: cover;
	position: absolute;
	left: 2px;
	top: 2px;
	z-index:0;
	animation: 10s linear 0s normal none infinite buttonShow;
}
/* 轮播图，公告展示 */
.infoDisplay{
	width: 100%;
	height:402px;
	margin-top: 10px;
}
/* 轮播图 */
.videoShow{
	width: 812px;
	height: 402px;
	float: left;
	overflow: hidden;
}
/* 轮播图底部修改样式 */
.slick-dots {
	width:100%;
	height: 30px;
	margin: 0 !important;
	
}
.slick-dots li{
	width:15% !important;
	height: 100% !important;
}
.slick-dots li button{
	width:100% !important;
	height: 100% !important;
	text-align: center;
	line-height: 30px ;
	color:black !important;
	font-size: 14px !important;
}
.slick-dots-bottom {
	bottom: 0;
}
/* tab选项卡 */
.selectSwitch{
	background-color:rgba(255,255,255,.8);
	width:388px;
	height: 100%;
	float: left;
	box-sizing: border-box;
	
}
.selectSwitch h3{
	text-align:center;
	color: red;
	font-size: 16px;
	margin-bottom: 30px;
}
.selectSwitch h4{
	line-height: 40px;
	text-align:center;
	color: #333;
	float: left;
	margin-left: 40px;
	font-size: 16px;
}
.selectSwitch span{
	display: block;
	font-size: 16px;
	color: gray;
	float: right;
	margin-right: 50px;
}

